import React from 'react'
import { Outlet,NavLink } from 'react-router-dom'
import './home.scss'

export default function Home() {
  return (
    <div style={{
      width:'100vw',
      height:'100vh',
      display:'flex'
    }}>
      <div style={{
        width:'220px',
        height:'100%',
        backgroundColor:'#000',
        color:'#fff',
        padding:'0 20px'
      }}>
        <dl>
          <dt>商品</dt>
          <dd><NavLink to="/productMgr">商品管理</NavLink></dd>
          <dd><NavLink to="/productCate">商品分类</NavLink></dd>
          <dd><NavLink to="/productComment">商品评价</NavLink></dd>
          <dd><NavLink to="/productSpec">商品规格</NavLink></dd>
        </dl>
        <dl>
          <dt>订单</dt>
          <dd><NavLink to="/orderMgr">订单管理</NavLink></dd>
        </dl>
      </div>
      <div style={{
        flexGrow:1,
        height:'100%',
        backgroundColor:'#ccc',
      }}>
        <Outlet></Outlet>
      </div>
    </div>
  )
}
